<!-- spacerSlot 占位符 -->
<template>
	<!-- 客服 帮助中心 管理员入口 -->
	<view>
		<view class="topBar">
			我的
		</view>
		<view class="pictureFrame">
			<text class="Head"></text>
			<text class="userName">名字</text>
		</view>
		<view class="spacerSlot">
		</view>
		<ul>
			<li>在线客服</li>
			<view class="spacerSlot"></view>
			<li>帮助中心</li>
			<view class="spacerSlot"></view>
			<li>管理员入口</li>
		</ul>
	</view>
</template>

<script>
	export default {
		return () {

		}
	}
</script>

<style>
	.topBar {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 750rpx;
		height: 70rpx;
		background-color: rgb(58, 169, 253);
	}

	.pictureFrame {
		display: flex;
		/* 		justify-content: center; */
		align-items: center;
		width: 750rpx;
		height: 160rpx;
		background-color: aliceblue;

	}

	.Head {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50rpx;
		background-color: deeppink;
		margin-left: 30rpx;
	}

	.userName {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50rpx;
		margin-top: 55rpx;
		margin-left: 40rpx;
	}

	.spacerSlot {
		height: 30rpx;
		width: 750rpx;
		/* background-color: rebeccapurple; */
		background-color: rgb(247, 247, 247);
		;
	}

	ul {
		list-style: none;
	}

	li {
		line-height: 60rpx;
		width: 750rpx;
		height: 60rpx;
		background-color: #fff 
	}
</style>
